<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <!-- 设置视口属性 -->
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <title>title</title>
  <script type="text/javascript">
    // 根据屏幕的宽度 来设置 html的 font-size
    // 设备的宽度
    console.log(window.screen.width);
    // 浏览器 可用的宽度
    // 移动端 用上下 两个都是可以
    console.log(window.screen.availWidth);
    // 计算 font-weight
    var fontSize = window.screen.availWidth / 20;
    document.querySelector('html').style.fontSize = fontSize + 'px';
    window.onresize = function () {
      // 计算 font-weight
      var fontSize = window.screen.availWidth / 20;
      document.querySelector('html').style.fontSize = fontSize + 'px';
    }
    // 跟媒体查询比 在移动端使用 没有优劣之分  
    // 面试问道 媒体查询 还有 js 都回答 即可
  </script>
</head>
  <style>
   dl{
      text-align:left;
      border:2px solid #008800;
      margin:30% 10% 0 0;
   }
   body {
   		width:100%;
   		height:100%;
   		background: url(../../../../static/img/bg_index.png);
   		background-position: top center;
   		background-repeat: no-repeat;
   		background-attachment: fixed;
   		background-size: cover;
   		background-color: pink;
   }
  </style>
  <body>
<div id="regist_form">
<dl>
    <form action="/index/user/toanswer" method="post">
    
    <input name="question" value="{$question}" style="display: none;"/>
    <input name="id" value="{$id}" style="display:none;"/>
    {eq name="$question" value="1"}
    	<dt>
		    <h3>1.泰州二附中的办学理念是？</h3>
		</dt>
		<dt>
			<p><input type="radio" name="answer6" value="A">A.“百年大计 教育为本”</p>
			<p><input type="radio" name="answer6" value="B">B.“质量立校 彰显特色”</p>
			<p><input type="radio" name="answer6" value="C">C.“励志崇德 创新有为”</p>
		</dt>
		
        <dt>
		    <h3>2.下列活动哪一项不属于泰州二附中“立德树人”的精品系列活动？</h3>
		</dt>
		<dt>
			<p><input type="radio" name="answer1" value="A">A.“缤纷社团”系列活动</p>
			<p><input type="radio" name="answer1" value="B">B.“班级志愿服务队”系列活动</p>
			<p><input type="radio" name="answer1" value="C">C.“研学旅行”系列活动</p>
		</dt>
		
    {else /} {eq name="$question"  value="2"}
		        <dt>
				    <h3>1.泰州二附中阅览室是学校哪个志愿服务队的志愿活动基地？</h3>
				</dt>
				<dt>
					<p><input type="radio" name="answer2" value="A">A.学生班级志愿服务队</p>
					<p><input type="radio" name="answer2" value="B">B.教师乐助志愿服务队</p>
					<p><input type="radio" name="answer2" value="C">C.党员义工志愿服务队</p>
				</dt>
			 {else /} {eq name="$question"  value="3"}
				<dt>
				    <h3>1.泰州二附中一贯注重学生手动创新实践能力培养，学校为此专门打造了什么社团课程？</h3>
				</dt>
				<dt>
					<p><input type="radio" name="answer3" value="A">A.计算机编程社团</p>
					<p><input type="radio" name="answer3" value="B">B.3D创梦社团</p>
					<p><input type="radio" name="answer3" value="C">C.智能机器人制作小组</p>
				</dt>
			
				      {else /} {eq name="$question"  value="4"}
								<dt>
								    <h3>1.泰州二附中兵乓馆是以下哪个级别的青少年乒乓球训练基地？</h3>
								</dt>
								<dt>
									<p><input type="radio" name="answer4" value="A">A.区级</p>
									<p><input type="radio" name="answer4" value="B">B.市级</p>
									<p><input type="radio" name="answer4" value="C">C.省级</p>
								</dt>
					
						      {else /}
						        <dt>
								    <h3>1.影片选段中，李大钊同志带领大家喊出的游行示威口号是？</h3>
								</dt>
								<dt>
									<p><input type="radio" name="answer5" value="A">A.“还我青岛 还我主权”</p>
									<p><input type="radio" name="answer5" value="B">B.“血战到底 誓死力争”</p>
									<p><input type="radio" name="answer5" value="C">C.“还我主权 严惩国贼”</p>
								</dt>
						      {/eq}
				      {/eq}
			 {/eq}
    {/eq}
		
		<dt style="text-align:center;">
		  <p><input type="submit" value="确定"></p>
		</dt>
    </form>
</dl>
</div>
  </body>
</html>